<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#www_qpsh_com img{width:200px;height:200px;}
	</style>
</head>
<body>
	<div id="www_qpsh_com" style="overflow:hidden;height:200px;width:800px;">
		<table>
			<tr>
				<td id="www_qpsh_com1">
					<table>
						<tr>
							<td>
								<img src="../../image/01.jpg" alt="">
							</td>
							<td>
								<img src="../../image/02.jpg" alt="">
							</td>
							<td>
								<img src="../../image/03.jpg" alt="">
							</td>
							<td>
								<img src="../../image/04.jpg" alt="">
							</td>
						</tr>
					</table>
				</td>
				<td id="www_qpsh_com2"></td>
			</tr>
		</table>
	</div>
</body>
<script>
	var speed=100//速度数值越大速度越慢
	www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
	function Marquee(){
		if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0){
		www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
		}else{
			www_qpsh_com.scrollLeft++
		}
	}
	var MyMar=setInterval(Marquee,speed)
	www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
	www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</html>

